import React, {PureComponent} from 'react';
import routes from './routes';
import QueryPanel from './QueryPanel';
import TablePanel from './TablePanel';
import 'ant-design-pro/dist/ant-design-pro.css';
import {Route, Switch} from 'react-router-dom';
import Breadcrumb from 'Shell/components/Breadcrumb';
// eslint-disable-next-line react/prefer-stateless-function
export class App extends PureComponent {
    render() {
        return (
            <div>
                <Route render={props => <Breadcrumb location={props.location} />} />
                <div className="page-main">
                    <Switch>
                        <Route path={routes.query.url()} exact render={() =>
                            <div>
                                <QueryPanel/>
                                <TablePanel/>
                            </div>} />
                    </Switch>
                </div>
            </div>
        );
    }
}

import {connect} from 'react-redux';
export default connect(null, null)(App);
